@import "variables";

html, body {
  background-color: transparent;
  overscroll-behavior: none;
}

.max-width {
  width: 100%;
}

.max-flex-width {
  flex-grow: 9999;
}

.max-height {
  height: 100%;
}

.pointer {
  cursor: pointer;
}

.desc-button {
  font-size: 12px;
}

.select-none {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: default;
}

.select-unset {
  user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  cursor: text;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-wrap: none;
}

.session-message {
  padding: 15px;
  background-color: $color-message-background;
  word-break: break-all;
  width: calc(100% - 30px);
  word-wrap: break-word;
  line-height: 1.8;
}

.ai-message {
  p {
    line-height: 1.8;

    code {
      padding: 0 5px;
      background-color: $color-code;
      color: #D5D8DC;
      font-family: monospace,
      -apple-system,
      'Microsoft Sans Serif';
    }
  }

  strong {
    font-weight: 600;
  }

  hr {
    background-color: $color-divider;
    height: 1px;
    border: none;
  }

  pre {
    margin: 10px 0;
    line-height: 1.5;
    padding: 5px;
    background-color: $color-code;
    color: #D5D8DC;
    font-family: monospace,
    -apple-system,
    'Microsoft Sans Serif';

    code {
      background-color: $color-code;
      color: #D5D8DC;
      font-family: monospace,
      -apple-system,
      'Microsoft Sans Serif';
      word-wrap: break-word;
      word-break: break-word;
      white-space: break-spaces;
    }
  }
}
